<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>{% block title %} The O-Kay-Blog{% endblock %}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="alternate" type="application/atom+xml" href="/feeds/atom.xml" />
    <link rel="stylesheet" href="/media/themes/{{config.theme}}/base.css" type="text/css" media="screen" />
    <link rel="stylesheet" id="current-theme" href="/media/themes/{{config.theme}}/themes/default/style.css" type="text/css" media="screen" />
    <script type="text/javascript" charset="utf-8" src="/media/themes/{{config.theme}}/javascripts/jquery-1.3.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/media/themes/{{config.theme}}/javascripts/jquery.scrollTo.js"></script>
    <script type="text/javascript" charset="utf-8" src="/media/themes/{{config.theme}}/javascripts/jquery.localscroll.js"></script>
    <script type="text/javascript" charset="utf-8">
    // <![CDATA[
    var Theme = {
      activate: function(name) {
        window.location.hash = '/media/themes/{{config.theme}}/themes/' + name;
        Theme.loadCurrent();
      },

      loadCurrent: function() {
        var hash = window.location.hash;
        if (hash.length > 0) {
          matches = hash.match(/^#\/media\/themes\/{{config.theme}}\/themes\/([a-z0-9\-_]+)$/);
          if (matches && matches.length > 1) {
            $('#current-theme').attr('href', '/media/themes/{{config.theme}}/themes/' + matches[1] + '/style.css');
          } else {
            alert('theme not valid');
          }
        }
      }
    }

    $(document).ready(function() {
      Theme.loadCurrent();
      $.localScroll();
      $('.table :checkbox.toggle').each(function(i, toggle) {
        $(toggle).change(function(e) {
          $(toggle).parents('table:first').find(':checkbox:not(.toggle)').each(function(j, checkbox) {
            checkbox.checked = !checkbox.checked;
          })
        });
      });
    });
    // ]]>
    </script>
</head>
<body>
  <div id="container">
    <div id="header">
      <h1><a href="/">{{config.blog_name|e}}</a></h1>
      <div id="main-navigation">
        <ul>
          <li class="active"><a href="/">Home</a></li>
        </ul>
        <div class="clear"></div>
      </div>
    </div>
    <div id="wrapper">
      <div id="main">
        {% block body %}{% endblock %}
        <div id="footer">
          <div class="block">
            <p>Copyright &copy; 2009 {{config.author_name}}.</p>
          </div>
        </div>
      </div>
      <div id="sidebar">
        <div class="block">
          <h3>Google Search</h3>
          <div class="content">
	          <div id="googlesearch"> 
			    <form id="quick-search" action="/search" method="get">
			      <p>
			        <label for="q">Search:</label>
			        <input type="hidden" name="cref" value="http://{{config.host}}/cse.xml" />
			        <input type="hidden" name="cof" value="FORID:11" />
			        <input type="hidden" name="ie" value="UTF-8" />
			        <input class="tbox" type="text" id="q" name="q" size="21" />
			      </p>
			    </form>
				<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=quick-search&amp;lang=en"></script>					
	          </div>
	      </div>
        </div>
		{% for sidebar in config.sidebars %}
        <div class="block">
          <h3>{{sidebar[0]}}</h3>
          <ul class="navigation">
			{% for entry in sidebar.1 %}
            <li><a href="{{entry[1]}}" title="{{entry[0]|e}}">{{entry[0]}}</a></li>
			{% endfor %}
          </ul>
        </div>
        {% endfor %}
        <div class="block">
          <h3>Switch Theme</h3>
          <ul class="navigation">
            <li><a href="#" onclick="Theme.activate('default'); return false;">Default</a></li>
            <li class="last"><a href="#" onclick="Theme.activate('bec'); return false;">Bec</a></li>
            <li class="last"><a href="#" onclick="Theme.activate('bec-green'); return false;">Bec-Green</a></li>
            <li><a href="#" onclick="Theme.activate('blue'); return false;">Blue</a></li>
	    	<li><a href="#" onclick="Theme.activate('djime-cerulean'); return false;">Djime-Cerulean</a></li>
            <li><a href="#" onclick="Theme.activate('reidb-greenish'); return false;">Greenish</a></li>
            <li><a href="#" onclick="Theme.activate('kathleene'); return false;">Kathleene</a></li>
            <li><a href="#" onclick="Theme.activate('orange'); return false;">Orange</a></li>
            <li><a href="#" onclick="Theme.activate('drastic-dark'); return false;">Drastic Dark</a></li>
            <li><a href="#" onclick="Theme.activate('warehouse'); return false;">Warehouse</a></li>
          </ul>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</body>
</html>

